<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type='text/javascript' src='js/fastclick.js'></script>


<link rel="stylesheet" type="text/css" href="css/index.css" />

<title>FCT</title>
</head>
<body>
	<!-- <div id="menu">
		<div id='cssmenu'>
			<p>MENU</p>
			<ul>
				<li><a href='#'><span>Usuario</span></a></li>
				<li><a href='#'><span>Y tal</span></a></li>
				<li><a href='#'><span>y cual</span></a></li>
				<li><a href='#'><span>Pascual</span></a></li>
			</ul>
			<p>AJUSTES</p>
			<ul>
				<li><a href='#'><span>Dulce</span></a></li>
				<li><a href='#'><span>Et decorum</span></a></li>
				<li><a href='#'><span>Est pro patria</span></a></li>
				<li><a href='#'><span>Mori</span></a></li>
			</ul>
			<p>OTRAS OPCIONES</p>
			<ul>
				<li><a href='#'><span>Dulce</span></a></li>
				<li><a href='#'><span>Et decorum</span></a></li>
				<li><a href='#'><span>Est pro patria</span></a></li>
				<li><a href='#'><span>Mori</span></a></li>
			</ul>
		</div>
	</div> -->

	<div id="cuerpo">
		<div class="header">
			<div id="external_promo_controls">
				<div id="promo_previous">
					<!-- <p id="menuButton">&#9871;</p> -->
					<p id="menuButton">&nbsp;</p>
				</div>
				<div id="promo_auto_controls">
					<p id="title">FCT</p>
				</div>
				<!-- <div id="promo_next">
					<p id="options">&#9206;</p>
				</div> -->
			</div>
		</div>



		<div class="content">




			<!-- index -->
			<div id="index">
				<div id="entradaDiv" onClick="picaEntrada()">
					<h2 id="entrada">Entrada</h2>
				</div>
				<div id="salidaDiv" onClick="picaSalida()">
					<h2 id="salida">Salida</h2>
				</div>
				<br> <br> <br> <br>
				<h5 id="borrarDb" onClick="borraBBDD()">Borrar BBDD</h5>

				<div id="tabla"></div>

			</div>
			<!-- fin de index -->






			<!-- editar -->
			<div id="editar">

				<p id="fechaAEditar"></p>


				<h2 onClick="muestraIndex()">Atrás</h2>
				<br>

				<div class="labels">
					<label>Entrada:</label>
				</div>
				<div class="inputs">
					<input type="text" id="nuevaEntrada" placeholder="hh:mm"><br>
					<br>
				</div>
				<div class="labels">
					<label>Salida:</label>
				</div>
				<div class="inputs">
					<input type="text" id="nuevaSalida" placeholder="hh:mm"><br>
				</div>
				<br>
				<h2 style="text-align: center;" onClick="confirmaEdicion()">Confirmar</h2>

				<textarea name="textarea" id="nuevoComentario" rows="5" cols="25">Comentario</textarea>

			</div>
			<!-- fin de editar -->







			<!-- crear nuevo registro -->
			<div id="nuevaEntradaSalida">

				<h2 onClick="muestraIndex()">Atrás</h2>
				<br>

				<div class="labels">
					<label>Fecha:</label>
				</div>
				<div class="inputs">
					<input type="text" id="nuevoCampoFecha" placeholder=dd/mm/aaaa><br>
					<br>
				</div>
				<div class="labels">
					<label>Entrada:</label>
				</div>
				<div class="inputs">
					<input type="text" id="nuevoCampoEntrada" placeholder="hh:mm"><br>
					<br>
				</div>
				<div class="labels">
					<label>Salida:</label>
				</div>
				<div class="inputs">
					<input type="text" id="nuevoCampoSalida" placeholder="hh:mm"><br>
				</div>
				<br>

				<textarea name="textarea" id="nuevoCampoComentario" rows="5"
					cols="25">Comentario</textarea>

				<h2 style="text-align: center;" onClick="confirmaNuevaEntrada()">Confirmar</h2>

			</div>
			<!-- fin crear nuevo registro -->




			<!-- muestra registro -->
			<div id="muestraRegistro"></div>
			<!-- fin de muestra registro -->



		</div>
	</div>





	<script type="text/javascript">
		app.initialize();
	</script>
</body>
</html>